<template>
  <div class="data-view-container">
    <CellTitle title="成本信息" />
    <Tables :columns="columns"></Tables>
    <Pagination @currentPage="changeCurrentPage" @changeSize="changeSize" />
  </div>
</template>

<script setup lang="ts">
import CellTitle from '@/views/resource_ledger/components/CellTitle.vue';
import Pagination from '@/views/resource_ledger/components/Pagination.vue';
import Tables from '@/views/resource_ledger/components/Tables.vue';

const columns = [
  {
    title: '资产编号',
    dataIndex: 'name'
  },
  {
    title: '资产名称',
    dataIndex: 'salary'
  },
  {
    title: '资产版本',
    dataIndex: 'salary'
  },
  {
    title: '关联项目',
    dataIndex: 'address'
  },
  {
    title: '关联凭证',
    dataIndex: 'address'
  },
  {
    title: '成本合计',
    dataIndex: 'address'
  },
  {
    title: '可入表额度',
    dataIndex: 'address'
  },
  {
    title: '研发支出费用',
    dataIndex: 'address'
  }
];
const changeCurrentPage = (currentPage: number) => {
  console.log(currentPage);
};

const changeSize = (currentPage: number) => {
  console.log(currentPage);
};
</script>
<style lang="less" scoped>
.data-view-container {
  // padding: 0 24px;
}
</style>
